<!-- 自定义标题 -->
<template>
  <div class="title">
     <div class="item1"></div>
     <div class="item2">{{title}}</div>
  </div>
</template>

<script>
export default {
  props:{
      title: String
  },
  data () {
    return {
    }
  }
}
</script>

<style  scoped>
.title{
  height: 70px;
  margin-bottom: 20px;
  margin-top: 30px;
}
.item1{
  background-color: rgb(255, 206, 132);
  position: absolute;
  left: 0;
  display: inline-block;
  height: 70px;
  width: 13px;
}
.item2{
  line-height: 70px;
  font-size: 35px;
  background:-webkit-linear-gradient(to right,rgba(255, 206, 132, 0.37),white);
  background:linear-gradient(to right,rgba(255, 206, 132, 0.37),white);
  width: 45%;
  padding-left: 10px;
  color: rgb(97, 96, 96);
  border-radius: 10px;
}
</style>
